@import "common";
@conentHeight:50px;
@allHeight:210px;
.ReDialogBorder{
  z-index: 999;
  border-style: solid;
  border-color: lightgray;
  border-width: 1px;
  .border-radius(5px);
/*  behavior: url('/build/library/PIE.htc');*/
  width:500px;
  height:@allHeight;
  position:fixed !important;
  background-color: white;
  box-shadow: 10px 10px 5px rgba(0,0,0,.2);
  -webkit-transform: translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 0.8s,opacity 0.8s,visibility 0.8s;
  -moz-transition:   -moz-transform 0.8s,opacity 0.8s,visibility 0.8s;
  -ms-transition: -ms-transform 0.8s,opacity 0.8s,visibility 0.8s;
  -o-transition:  -o-transform 0.8s,opacity 0.8s,visibility 0.8s;
  transition: transform 0.8s,opacity 0.8s,visibility 0.8s;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  .absoluteCenter(@allHeight);

  .ReDialogTitle{
    span{
      padding-left: 20px;
      color:#666666;
    }
    height: 30px;
    position:relative;
    border-bottom: solid 1px #cccccc;
    margin: 0 15px;
    padding-top: 15px;
  }

  .closeButton{
    border:none;
    color:#cccccc;
    background: transparent;
    font-size: 30px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    outline: none;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
  }

  .ReDialogContent{
    text-align: center;
    position: absolute;
    bottom: 60px;
    width: 90%;
    padding:0 5%
  }

  .ReDialogButtons{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;

    .ReDialogOK{
      .border-radius(5px);
      /* behavior: url('/build/library/PIE.htc');*/
      background: #be091b;
      color:white;
      border:none;
      padding: 5px 15px;
      margin:0 5px;

    }

    #ReDialogCancel{
      .border-radius(5px);
 /*     behavior: url('/build/library/PIE.htc');*/
      background: #be091b;
      color:white;
      border:none;
      padding: 5px 15px;
      margin:0 5px;
    }

    .ReDialogHideCancel{
      display:none;
    }

  }
}

.HideDialog{
  -webkit-transform: translate3d(0,-500px,0);
  -moz-transform:translate3d(0,-500px,0);
  -ms-transform: translate3d(0,-500px,0);
  -o-transform: translate3d(0,-500px,0);
  transform: translate3d(0,-500px,0);
  visibility: hidden;
  opacity: 0;
}

.ReDialogMask{
  .ReDialogMaskContent;
  background-color : black\0; /* IE8，9,10 and below */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);/*用于透明遮罩层*/
}

@media screen and (min-width:0px){
  .ReDialogMask{
    .ReDialogMaskContent;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.ReDialogTransparent{
  position:fixed;
  width:0;
  height:0;
}

.ReDialogMaskContent{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 998;
}


